<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        #box2{
            border: 1px solid red;
            height: 100px;width: 500px;
            background: lightgreen;
        }
    </style>
</head>
<body>
<!--

			需求： 获取某对象上某样式属性(行间和内联都可以)

			1.定义好函数名： getCss

			2.确定参数的个数： obj  css

			3.确定是否需要返回值： 需要返回值

			4. 简单实现功能

			var bgColor = getComputedStyle( box2 , null )["backgroundColor"] || box2.currentStyle["backgroundColor"] ;

			5. 封装函数
		-->
    <!--设置样式：
            不管是行间还是内联样式：
            对象.style.属性名 = 值-->
    <div  id="box1"; style="width: 500px;height: 100px;border: 1px solid red">
        行间样式
    </div>
    <div id="box2">
        内联样式
    </div>
    <script type="text/javascript">
        function getCss(obj,css) {
            return getComputedStyle(obj,null)[css] ||
                    obj.currentStyle[css];
        }
        // 测试内联样式
        var box2 = document.getElementById("box2");
        var height = getCss(box2,"height");
        log(height);

        // 测试行间样式
        var box1 = document.getElementById("box1");
        var width = getCss(box1,"width");
        log(width);

    </script>

</body>
</html>